/* TEMPLATE CSS */
html {overflow-y:scroll;}
.float-left {float:left;}
.float-right {float:right;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.ie7 .group {zoom:1;}

body{background:#8e8ea8 url("../images/body-pattern.gif");margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}
iframe {border:none;}
h1, h2, h3, h4, h5, h6 {margin:0 0 4px 0;padding:0;text-transform:uppercase;color:#c8c8d6;}
h1 {font: normal 32px/32px Oswald,sans-serif;}
h2 {font: normal 25px/25px Oswald,sans-serif;}
h3 {font: normal 18px/18px Oswald,sans-serif;}
h4 {font: normal 14px/18px Oswald,sans-serif;}
h5 {font: normal 12px/18px Oswald,sans-serif;}
h6 {font: normal 10px/18px Oswald,sans-serif;}
a, a:link, a:visited {text-decoration:none;color:#8e8ea8;}
a,img{outline:none;margin:0;padding:0;border:none;}
a:hover, a:active, a:focus {text-decoration:underline;color:#8e8ea8;}
h2 a {color:#c8c8d6 !important;}
p{margin:0;padding:0 0 1px 0;word-wrap:break-word;text-align:justify;}
ul {margin:0;padding:0;list-style:none;}
dl {margin:0;padding:0}
hr {border-bottom:1px solid #24243f;border-top:none;border-left:none;border-right:none;margin:4px 0 16px 0;}
textarea {border:1px solid #c8c8d6;color:#000;background:#c8c8d6;}
textarea:hover {border:1px solid #8e8ea8;}
input[type="submit"], input[type="text"], input[type="password"]{border: 1px solid #c8c8d6;color:#000;background:#c8c8d6;}
input[type="submit"]:hover, input[type="text"]:hover, input[type="password"]:hover,
input[type="submit"]:active, input[type="text"]:active, input[type="password"]:active,
input[type="submit"]:focus , input[type="text"]:focus , input[type="password"]:focus{border:1px solid #8e8ea8;}
fieldset {border:none;margin:0;padding:0;}
fieldset input {border:1px solid #c8c8d6;}
button, .button, .btn{background:#000;border:1px solid #c8c8d6;color:#c8c8d6;font-family:'Oswald', sans-serif;}
button:hover, .button:hover, .btn:hover {border:1px solid #8e8ea8;cursor:pointer;}
.clr {clear:both;overflow:hidden;font-size:0;line-height:0;}

#splash {}
#main {width:980px;margin:0 auto;padding:40px 0 20px 0;color:#8e8ea8;font:12px/18px Arial,Helvetica,sans-serif;}
.wrapper {background: #000;}
#header {background:url("../images/tail-header.gif") repeat-x 0 0;height:100px;position:relative;z-index:99;	padding:0 20px;}
.logo {position:absolute;left:20px;top:16px;	}

#nav {position:relative;z-index:10;}
#nav .menu, #nav .menu * {margin:	0;padding:0;list-style:none;}
#nav .menu {float:right;line-height:	1.0;max-width:800px;margin-top:50px;color:#8e8ea8}
#nav .menu .current a {color:#c8c8d6 !important;}
#nav .menu a {display:block;position:relative;text-decoration:none;}
#nav .menu ul {position:absolute;top:-999em;width:10em;}
#nav .menu ul li {width:100%;}
#nav .menu li {float:left;	position:relative;border:none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;}
#nav .menu li a:hover{visibility:inherit;color:#c8c8d6 !important;}
#nav .menu li:hover ul, #nav .menu li.sfHover ul {left:0;top:50px;z-index:99;cursor:pointer!important;}
#nav .menu > li {background: url("../images/nav-divider.png") no-repeat 0 0;padding:0 0 10px 10px;	margin-left:10px;font-family:'Oswald', sans-serif;font-size:17px;line-height:31px;text-transform:uppercase;}
#nav .menu > li:first-child {background:none;margin-left:0;padding-left:0;}
#nav .menu li ul {width:164px;}
#nav .menu li li {line-height:1.2em;font-size:13px;background:#000;color:#8e8ea8;border-top:1px solid #24243f;}
#nav .menu li li:first-child {border-top:none;}
#nav .menu li li a {padding:8px 12px;}
#nav .menu li:hover, #nav .menu li.sfHover, #nav .menu a:focus, #nav .menu a:hover, #nav .menu a:active > a {outline:0;cursor:pointer!important;}

.top {position:absolute;right:20px;top:18px;z-index:1;text-align:right;}
.top ul {padding:0;margin:0;}
.top ul li {font-family:'Oswald', sans-serif;display:inline;text-transform:uppercase;padding:0;margin:0 0 0 12px;border:none;font-size:12px;background:none;}
.top ul li a {text-decoration:none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;}
.top ul li a:hover {color:#c8c8d6;}

#slide {height:160px;}

.full {background:#000 url("../images/box-tail.png") repeat-x;width:940px;padding:20px;}
#component_mini {position: relative;float:left;width:460px;overflow:hidden;}
#component {position: relative;float:left;width:700px;overflow:hidden;}
#component {overflow:hidden;}
#leftbar {float:left;position:relative;padding:0 10px;margin-right:10px;width:210px;overflow:hidden;font-family:'Oswald', sans-serif;}
#rightbar {float:right;position: relative;padding:0 10px;margin-left:10px;width:209px;overflow:hidden;font-family:'Oswald', sans-serif;}

.error, .notice, .warning {padding:0 14px 4px 14px;color:#ed5d56;font-weight:600;}
.message{padding:0 10px 10px 10px;}

.items-leading, .item-page {padding:6px 0 0 0;}
.items-leading div p a , .item-page p a {font-weight:bold;font-style:italic;}
.items-leading div p a:hover, .item-page p a:hover {color:#c8c8d6;}
.article-info-term {display:none;}
.create, .modified {font-size:10px;margin:0;padding:4px 0 10px 0px;font-family:'Oswald', sans-serif;}
.item-separator {margin:16px 0;border-bottom:1px solid #24243f;clear:both;}
.jcomments-links {font-family:'Oswald',sans-serif;clear:none;margin-top:12px;}
#jc #comments {clear:both}

.module {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #24243f;}
.module div div div h3 {margin:0 0 6px 0;color:#c8c8d6;}
.module div div div .menu li a {display:block;padding:0 0 0 18px;background:transparent url(../images/arrow1.gif) no-repeat 10px 6px;cursor:pointer;}
.module div div div .menu li ul li a {padding:0 0 0 32px;background:transparent url(../images/arrow1.gif) no-repeat 24px 6px;}

.module .search {margin:0; position:relative;}
.module .search .button {text-indent:-9999px;margin:0 12px;width:18px;height:18px;background:transparent url(../images/search_bg.png) no-repeat 0 0;border:none;cursor:default;}
.module .search .button:hover , .module .search .button:focus, .module .search .button:active {background-position:-20px 0;cursor:pointer;width:18px;height:18px;}
#mod-search-searchword {width:150px;font-family:'Oswald', sans-serif;font-size:11px;}
.result-title {font-style:bold; font-size:15px;}
.result-text {font-style:italic}
.result-created {font-size:10px; margin:0 0 14px;}

.pagination {overflow:hidden;padding:10px 0;font-size:14px;font-family:'Oswald', sans-serif;line-height:22px;}
.pagination .counter {margin:0;}
.current > a > span {color:#c8c8d6;}
.pagination ul {overflow:hidden;}
.pagination ul li {float:left; margin:0 6px 0 0;}
.pagination .pagenav {display:block;margin:0 4px 0 0;padding:2px 6px;margin:10px 0;}
.pagenav .pagenav-prev {float:left;}
.pagenav .pagenav-next {float:right;}
.pagenav-prev, .pagenav-next {margin:0 4px 0 0;padding:2px 6px;margin:10px 0;}

#component-w .login, #user-registration, #member-registration {min-height:160px;background:url(../images/bonhomme_connexion.png) no-repeat center right;}
#component-w .login label {float:left;width:150px;}
#component-w .login .login-fields {overflow:hidden;margin:0 0 10px;}
#component-w .login fieldset, #user-registration fieldset, #member-registration fieldset {padding:30px 20px}
#component-w .login p {text-align:center}
#component-w .logout {background:url(../images/bonhomme_deconnexion.png) no-repeat center right;}
#component-w .logout form {margin:30 auto;width:400px;height:120px;}

#widget-footer {background:#000 url("../images/box-tail.png") repeat-x;width:940px;padding:20px;}
#widget-footer .module {border:none;margin:0;padding:0;}
#widget-footer1 {float:left;width:460px;padding:0 15px 0 0;}
#widget-footer2 {float:left;width:210px;padding:0 15px;}
#widget-footer3 {float:left;width:210px;padding:0 0 0 15px;}

#footer {background:url(../images/tail-copyright.gif) repeat-x 0 0;padding:17px 0 21px 0;color:#c8c8d6;font-family:'Oswald', sans-serif;}
#footer-w {width:940px;margin:0 auto;}
.footer1 {float:left;}
.footer2 {float:right;}
.footer2 a {color:#c8c8d6 !important;}
.footer2 a:hover {color:#8e8ea8 !important;}